SuperSlidev2.1
更新v2.1.3,兼容 jquery3.0+ !
SuperSlide 致力于解決網(wǎng)站大部分特效展示問題,使網(wǎng)站代碼規(guī)范整潔,方便維護(hù)更新。
網(wǎng)站上常用的“焦點(diǎn)圖/幻燈片”“Tab標(biāo)簽切換”“圖片滾動(dòng)”“無(wú)縫滾動(dòng)”等只需要一個(gè)SuperSlide即可解決!
從此無(wú)需網(wǎng)上苦苦尋覓特效,無(wú)需加載n個(gè)插件,無(wú)需害怕代碼沖突,你需要的只是一個(gè)SuperSlide!
還可以多個(gè)SuperSlide組合創(chuàng)造更多效果哦~
(兼容包括ie6的絕大部分瀏覽器)[當(dāng)年的你是否這樣?]
版本更新說(shuō)明:
- 2.1
- 2.0
- 1.2
- 1.0
-
- 更新至v2.1.3,兼容jquery3.0+
- 更新至v2.1.2,左滾動(dòng)自適應(yīng)窗口寬度,demo
- 更新至v2.1.1,修復(fù)當(dāng)調(diào)用多個(gè)SuperSlide,并設(shè)置returnDefault:true 時(shí)總返回第一個(gè)的錯(cuò)誤。
- 更新至v2.1,兼容舊版,直接覆蓋即可。
- 基礎(chǔ)效果類型增加“菜單”和“手風(fēng)琴”,并增加3個(gè)基礎(chǔ)示例。
- 基礎(chǔ)效果全部類型增加更多參數(shù)演示,讓你更了解SuperSlide。
- 擴(kuò)展效果增加20多個(gè)示例,特別是“綜合首頁(yè)”體現(xiàn)SuperSlide精髓所在。
- 優(yōu)化leftLoop、topLoop、leftMarquee、topMarquee核心算法,初始化后不再存在dom操作,減少內(nèi)存消耗,提高性能。
- 修復(fù)當(dāng)scroll>1時(shí) switchLoad 無(wú)效載bug。
- 修復(fù)一些示例兼容性bug。
- 新增參數(shù):type,效果類型,默認(rèn)值:slide,可選"slide"||"menu",引入type:"menu"專門處理菜單/導(dǎo)航效果。
- 新增參數(shù):returnDefault,默認(rèn)值:false,鼠標(biāo)移出容器,返回默認(rèn)狀態(tài),常用于導(dǎo)航/菜單。
- 新增參數(shù):defaultPlay,默認(rèn)值:ture,默認(rèn)執(zhí)行效果(第一次運(yùn)行是否執(zhí)行效果)常用于導(dǎo)航/菜單。
- 新增參數(shù):mouseOverStop,默認(rèn)值:ture,鼠標(biāo)移到容器層(無(wú)縫滾動(dòng)是mainCell)是否停止播放。
- 新增參數(shù):playStateCell,默認(rèn)值:".playState",播放/暫停狀態(tài)按鈕,點(diǎn)擊后會(huì)增加/刪除"pauseState"類名用于控制樣色。
- 擴(kuò)展參數(shù):autoPage,支持自定義分頁(yè)html!>>詳解。
- 擴(kuò)展參數(shù):effect,增加"slideDown",下拉效果。
- 擴(kuò)展參數(shù):targetCell,增加支持"slideDown"效果。
- 擴(kuò)展參數(shù):startFun/endFun,增加傳遞參數(shù),現(xiàn)在全參數(shù)為 startFun:function( i, c, slider, titCell, mainCell, targetCell, prevCell, nextCell ){}。
- 更改參數(shù):easing,默認(rèn)值為"swing",滑動(dòng)更流暢。
- leftMarquee、topMarquee 前后按鈕增加mouseover事件。
- leftMarquee、topMarquee 前后按鈕增加長(zhǎng)按10倍加速運(yùn)行功能。
-
- 正式擁有自己的域名www_superslide2_com.aaajinghua.com,歡迎到訪!( SuperSlide.com已被注冊(cè),無(wú)奈加一個(gè)2 )
- 更新至v2.0,兼容舊版,直接覆蓋即可。
- 進(jìn)行了大刀闊斧的改版,更清晰的指引,更詳盡的介紹,更豐富的示例。
- 所有參數(shù)(除了startFun/endFun)填寫的時(shí)候均可以用雙引號(hào),例如:delayTime:"1000"(以防新手填錯(cuò))
- 新增效果fold,平滑的淡入淡出
- 新增參數(shù):switchLoad,默認(rèn)值 :null;作用:內(nèi)容切換加載,暫時(shí)只支持圖片,必須配合后臺(tái)程序使用。 [詳細(xì)]
- 新增參數(shù):easing,默認(rèn)值 :linear;作用: 緩動(dòng)效果 [詳細(xì)]
- 新增參數(shù):startFun,每次切換效果開始時(shí)執(zhí)行函數(shù),用于處理特殊情況或創(chuàng)建更多效果。用法 satrtFun:function(i,c){ }; 其中i為當(dāng)前分頁(yè),c為總頁(yè)數(shù) [詳細(xì)]
- 新增參數(shù):endFun,每次切換效果結(jié)束時(shí)執(zhí)行函數(shù),用于處理特殊情況或創(chuàng)建更多效果。用法 endFun:function(i,c){ }; 其中i為當(dāng)前分頁(yè),c為總頁(yè)數(shù) [詳細(xì)]
- 新增參數(shù):triggerTime,默認(rèn)值 :150毫秒,titCell觸發(fā)時(shí)間,默認(rèn)150毫秒延遲,以防重復(fù)執(zhí)行效果。若為0即鼠標(biāo)移過titCell立刻執(zhí)行效果
- 新增參數(shù):targetCell,切換元素對(duì)象,處理內(nèi)容切換元素非包裹狀態(tài)下等情況,實(shí)現(xiàn)更多效果,處理更多情況,能和titCell、mainCell同時(shí)使用。只支持fade效果。 [詳細(xì)]
- 新增參數(shù):pageStateCell,默認(rèn)值 :"pageState",分頁(yè)狀態(tài)對(duì)象,用于顯示分頁(yè)狀態(tài),例如:2/3
- 新增參數(shù):pnLoop,默認(rèn)值 :true,前/后按鈕是否繼續(xù)循環(huán),若為false則當(dāng)翻動(dòng)到最前/后頁(yè)時(shí),前/后按鈕點(diǎn)擊無(wú)效,同時(shí)增加prevStop/nextStop類名控制樣色
- 新增參數(shù):opp,默認(rèn)值 :false,默認(rèn)反方向運(yùn)動(dòng),例如 effect:"leftMarquee" 然后設(shè)置 opp:true,則效果為右滾動(dòng)。常用于leftMarquee/topMarquee
-
- Super Slide 從v1.2開始正式更名為 SuperSlide(無(wú)空格)!js文件命名正式更名為:jquery.SuperSlide.js
- 新增參數(shù)autoPage -- 系統(tǒng)自動(dòng)分頁(yè),兼容1.0,覆蓋1.0版本代碼即可 >>詳解
- 修復(fù)無(wú)縫滾動(dòng)(leftMarquee、topMarquee)在xp系統(tǒng)下,ie7、ie8無(wú)法滾動(dòng)的神奇bug
- 新增多個(gè)效果展示!帶有new的都是新增的效果,其實(shí)這些效果1.0也可以實(shí)現(xiàn)的,但有些同志可能沒有深入了解SuperSlide,不知道還能這樣。新增的都是一些常見效果,希望對(duì)你有啟發(fā)。
-
很久之前我也是一個(gè)網(wǎng)站新手,在制作網(wǎng)頁(yè)過程中,經(jīng)常需要用到各種特效,于是到網(wǎng)上找合適的插件。找到后要熟悉它的參數(shù)、用法等,如果用到幾種不同特效,就要找?guī)讉€(gè)不同插件,結(jié)果頁(yè)面代碼臃腫,加載緩慢,還要害怕會(huì)不會(huì)沖突!實(shí)在痛苦。
于是我就想可不可以將多個(gè)特效合一,以后只需要調(diào)用一個(gè)插件就能實(shí)現(xiàn)網(wǎng)頁(yè)大部分特效。經(jīng)過千錘百煉后一個(gè)能實(shí)現(xiàn)各種效果的插件就浮出水面了,為了表示其異于常人的能力,我給它起了一個(gè)霸氣的名字 -- SuperSlide!
TouchSlidev1.1
TouchSlide 是純javascript打造的觸屏滑動(dòng)特效插件,面向手機(jī)、平板電腦等移動(dòng)終端,
能實(shí)現(xiàn)觸屏焦點(diǎn)圖、觸屏Tab切換、觸屏多圖切換等常用效果。
插件開源、體積小、簡(jiǎn)單實(shí)用、功能強(qiáng)大,是你架構(gòu)移動(dòng)終端網(wǎng)站的重要選擇!
ps:如果你SuperSlide的使用者,那么你會(huì)發(fā)現(xiàn)它是那么熟悉和易用。
v1.1 寬度自適應(yīng)(修復(fù)安卓橫屏?xí)r滑動(dòng)范圍不變的bug)
- 完美兼容ios系統(tǒng)(已測(cè)試ios5/6,機(jī)型包括ip4、ip4s、ip5、ipad2、ipad4等)
-
兼容,尚未發(fā)現(xiàn)問題(已測(cè)試android2.34/2.35/4.0x/4.1x等,
機(jī)型包括小米1/2、HTC One、三星GALAXY、索尼Xperia、小辣椒等,以及一些android2.34時(shí)代雜牌低端智能手機(jī)) - sorry,無(wú)硬件設(shè)備,暫沒測(cè)試,(ie內(nèi)核,估計(jì)杯具-。-)